@import './base.css';

#app {
  width: 100%;
  height: 100vh;
  font-weight: normal;
}

a,
.green {
  text-decoration: none;
  color: hsla(160, 100%, 37%, 1);
  transition: 0.4s;
  padding: 3px;
}

@media (hover: hover) {
  a:hover {
    background-color: hsla(160, 100%, 37%, 0.2);
  }
}

@media (min-width: 1024px) {
  body {
    margin: 0;
    padding: 0;
  }

  #app {
    width: 100%;
    height: 100vh;
    padding: 0;
  }
}

/* 全局弹出框样式 */
.el-popper.is-customized {
  /* 允许弹出框自动适应可用空间 */
  max-height: 80vh !important;
  overflow-y: auto !important;
}

/* 确保弹出框在视口内完全可见 */
.el-popper {
  margin: 0 !important;
  position: fixed !important;
  z-index: 9999 !important;
}

/* 优化在表单底部的弹出框定位 */
.el-form-item:last-child .el-popper {
  bottom: auto !important;
  top: auto !important;
}

/* 确保对话框内的弹出框能正确显示 */
.el-dialog-parent--hidden {
  position: static !important;
}

/* 弹出框内容层级提高 */
body > .el-popper {
  z-index: 10000 !important;
}
